$(function(){
    //获取地址栏中传递的 收货地址id
    var id = new URLSearchParams(location.search).get("id");
    console.log(id);

    //查询所有的地址
    $.ajax({
        url:"/address/queryAddress",
        success:function(res){
            // console.log(res);
            for(var i=0;i<res.length;i++){
                if(res[i].id == id){
                    //如果id一致，说明现在的res[i]就是我们要查找的地址信息
                    //将地址信息放到页面中展示就可以了
                    $("#recipients").val( res[i].recipients );
                    $("#postcode").val( res[i].postCode );
                    $("#address").val( res[i].address );
                    $("#addressDetail").val( res[i].addressDetail );

                }
            }
        }   
    })
    //创建选择器对象
    var picker = new mui.PopPicker({layer:3})
    //设置选择器显示的数据
    picker.setData( cityData );
    //当点击省市区文本框的时候，展示选择器
    $("#address").on("click",function(){
        picker.show( (selectedItem)=>{
            var str = '';
            selectedItem.forEach( (item)=>{
                if(item.text) {
                    str+=item.text
                }
            } )

            $("#address").val(str);
        } )
    })

    //给编辑地址按钮添加点击事件
    $("#btnEdit").on("click",function(){
        //获取用户输入的信息
        var recipients = $("#recipients").val();
        var postcode = $("#postcode").val();
        var address = $("#address").val();
        var addressDetail = $("#addressDetail").val();

        //发送ajax完成编辑收货地址的操作
        $.ajax({
            url:"/address/updateAddress",
            type:"post",
            data:{ id, recipients, postcode, address, addressDetail },
            beforeSend:function(){
                if(recipients.trim() === ""){
                    mui.alert("收货人的姓名不能为空");
                    return false;
                }
                if(postcode.trim() === ""){
                    mui.alert("邮政编码不能为空");
                    return false;
                }
                if(address.trim() === ""){
                    mui.alert("省市区不能为空");
                    return false;
                }
                if(addressDetail.trim() === ""){
                    mui.alert("详细地址不能为空");
                    return false;
                }
            },
            success:function(res){
                if(res.success){
                    //修改成功了，提示用户修改成功，跳转到地址列表页面查看修改之后的效果
                    mui.toast("修改地址信息成功");
                    setTimeout(()=>{
                        location.href = "address.html";
                    },2000)
                }else{
                    mui.alert(res.message);
                }
            }
        })
    })

})